

.user{
	// overflow: hidden;
	height: auto;
}
// header部分
.user-header{
	overflow: hidden;
	height: 390upx;
	border: 0upx solid #fff;
	// background: url('/static/imgs/userImgs/background.png') no-repeat;
	// background-size: 750upx 390upx;
	.hd-icon{
		margin-top: 80upx;
		overflow: hidden;
		image{
			width: 50upx;
			height: 50upx;
			float: right;
		}
		.hd-message{
			margin-right: 20upx;
		}
		.hd-setting{
			margin-right: 10upx;
		}
	}
	.hd-content{
		height: 114upx;
		position: relative;
		.user-icon{
			position: absolute;
			top: 0;
			left:36upx;
			width: 102upx;
			height: 102upx;
			border-radius: 50%;
			background-color: $colore;
			image{
				width: 102upx;
				height: 102upx;
				border-radius: 50%;
			}
		}
		
		.userName{
			line-height: 114upx;
			margin-left: 154upx;
			font-size: 32upx;
			color: #FFFFFF;
		}
		.hd-myStore{
			// display: inline-block;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 110upx;
			height: 46upx;
			line-height: 40upx;
			border-radius: 20upx;
			background-color: #fff;
			color: $bg02;
			font-size: 24upx;
			float: right;
			// text-align: center;
			margin: 35upx 21upx 0 0;
		}
	}
}
// nav 部分
.user-nav{
	width: 95%;
	// margin: 0 auto;
	background-color: #fff;
	height: 100upx;
	line-height: 100upx;
	display: flex;
	border-radius: 10upx;
	color: $color6;
	position: absolute;
	margin-top: -100upx;
	margin-left: 18upx;
	.nav-item{
		flex: 1;
		text-align: center;
		position: relative;
		.item1{
			margin-top: 32upx;
			line-height: 16upx;
			font-size: 36upx;
			font-weight: 900;
			font-family: Din;
		}
		.item2{
			line-height: 50upx;
			font-size: 24upx;
			
		}
		.border-r{
			&:after{
				content: '';
				width: 2upx;
				height: 50upx;
				background-color: $colore;
				position: absolute;
				top: 26upx;
				right: 0;
			}
			
		}

	}
}
// 资产部分
.user-assets{
	width: 95%;
	margin: 0 auto;
	margin-top: 30upx;
	height: 270upx;
	background-color: $bg02;
	border-radius: 10upx;
	color: #FFFFFF;
	position: relative;
	.at-line1{
		height: 90upx;
		line-height: 90upx;
		margin-left: 50upx;
		font-size: 30upx;
	}
	.at-line2{
		text-align: center;
		font-size: 72upx;
	}
	.at-line3{
		position: absolute;
		right: 80upx;
		bottom: 22upx;
		width: 80upx;
		height: 38upx;
		line-height: 38upx;
		border: 2upx solid #fff;
		border-radius: 10upx;
		text-align: center;
		font-size: 24upx;
	}
}
// d订单
.user-order{
	width: 95%;
	margin: 40upx auto 0upx auto;
	background-color: #fff;
	border-radius: 10upx;
	
	.od-title{
		height: 70upx;
		line-height: 70upx;
		border-bottom: 2upx solid $colore;
		.text1{
			margin-left: 26upx;
			font-size: 30upx;
			color: $color3;
		}
		.text2{
			margin-left: 366upx;
			font-size: 24upx;
			color: $color9;
		}
		.iconfont{
			font-size: 24upx;
			color: $color9;
		}
		
	}
	.od-content{
		display: flex;
		flex-wrap: wrap;
		.od-item{
			flex: 1;
			min-width: 175upx;
			max-width: 175upx;
			text-align: center;
			height: 166upx;
			
			image{
				margin-top: 40upx;
				width: 58upx;
				height: 58upx;
			}
			view{
				margin-top: 10upx;
				font-size: 24upx;
				color: $color6;
			}
		}
	}
}